<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<title></title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<!--
			移动端布局视图设置，设置viewport
			1.width 控制布局视图的横向最大像素点，也就是宽
			2.initial-scale 视图的初始缩放倍率
			3.minimum-scale 视图允许的最小缩放倍率
			4.maximum-scale 视图允许的最大缩放倍率
			5.user-scalable 是否允许用户手动缩放页面，yes或no
		-->
		<link rel="stylesheet" type="text/css" href="font/tuan/iconfont.css" />
		<link rel="stylesheet" type="text/css" href="css/common.css" />
	</head>

	<body>
		<div class="web">
			<header class="clearfix">
				<div class="left fl">
					<img src="img/logo.png" />
				</div>
				<div class="right fr">
					<form>
						<select>
							<option>广州市</option>
							<option>深圳市</option>
							<option>惠州市</option>
						</select>
					</form>
				</div>
				<div class="middle">
					<div class="search">
						<input type="search" />
						<i class="iconfont icon-sousuo-sousuo"></i>
					</div>
				</div>
			</header>
			<nav>
				<img src="img/shousi_06.png" />
			</nav>
			<section class="clearfix">
				<div class="middlex clearfix">
					<div class="middle_left fl">
						<i class="iconfont icon-wubanhua"></i>
						<span>优惠团购</span>
					</div>

					<div class="middle_right fr">
						<span>更多</span>
						<i class="iconfont icon-youjiantou"></i>
					</div>
				</div>

				<div class="pic_1 fl">
					<img src="img/pic_1.png" />
				</div>
				<div class="pic_2 fr">
					<img src="img/pic_2.png" />
				</div>
				<div class="pic_3 fl">
					<img src="img/pic_3.png" />
				</div>
				<div class="pic_4 fr">
					<img src="img/pic_4.png" />
				</div>
				<div class="middlex clearfix">
					<div class="middle_left fl">
						<i class="iconfont icon-aixin"></i>
						<span>你喜欢的</span>
					</div>

					<div class="middle_right fr">
						<span><a href="details.html">更多</a></span>
						<i class="iconfont icon-youjiantou"></i>
					</div>
				</div>
				<div class="caixi">
					<img src="img/fan.png" />
					<dl>
						<dd>万岁寿司（正嘉店）</dd>
						<dd>[100店通用]双人餐</dd>
						<dd>￥88.00</dd>
					</dl>
					<dl>
						<dd>
							<100m</dd>
								<dd>已售1000</dd>
					</dl>
				</div>
				<div class="caixi">
					<img src="img/shiwu.png" />
					<dl>
						<dd>万岁寿司（正嘉店）</dd>
						<dd>[100店通用]双人餐</dd>
						<dd>￥88.00</dd>
					</dl>
					<dl>
						<dd>
							<100m</dd>
								<dd>已售1000</dd>
					</dl>
				</div>
			</section>
			<footer>
				<ul>
					<li>
						<a href="index.html">
							<i class="iconfont icon-fangzi"></i>
							<h2>首页</h2>
						</a>
					</li>
					<li>
						<a href="classification.html">
							<i class="iconfont icon-fenlei"></i>
							<h2>分类</h2>
						</a>
					</li>
					<li>
						<a href="find.html">
							<i class="iconfont icon-faxian"></i>
							<h2>发现</h2>
						</a>
					</li>
					<li>
						<a href="my.html">
							<i class="iconfont icon-gerenzhongxin"></i>
							<h2>我的</h2>
						</a>
					</li>
				</ul>

			</footer>
		</div>
	</body>

</html>